<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!-- 项目路径 -->
<%
	String path = request.getContextPath();
	String basePath =  request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path;   
%>
<c:set var="base" value="<%=basePath %>" scope="application"></c:set>		
<!DOCTYPE html>
<html>
<head>
    <title>兔兔搬家</title>
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="edge" />
	<link rel="shortcut icon" href="${pageContext.request.contextPath}/img/index-logo.png"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/login/login.css"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"  charset="utf-8"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/login/login.js"  charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/js/plugins/layer/layer.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/jquery.cookie.js"></script>
    <style>
    	#login-back{background:url(img/login-xrk.jpg) no-repeat; background-size:100% 100%;}
		.m-nerror {
		   width:322px; 
		   margin:20px auto 0;
		   overflow:hidden;
		}
		.ferrortail{
		    float:left;
		    height: 15px;
		    width: 18px;
		    background: url(img/logo-ico.png) -9999px -9999px no-repeat;
		    background-position: -217px -34px;
		}
		.ferrorhead{
			float:left;
			width:300px;
		    color: #fa5b5b;
		    font-size: 12px;
		    text-align:left;
		}
    </style>
</head>
<body>
	<div id="login-back"></div>
    <div class="clearfix" style="padding-top:140px; width:1000px; position:absolute; top:0; left:50%; margin-left:-500px;">
        <div class="fr login_l_img">
            <img src="img/login-img.png">
        </div>

        <div style="background:#fff; width: 400px; height: 360px; text-align: center; border-radius:6px; margin-top:50px; position:relative;" class="fl">
          <div class="login_logo"><img src="img/login_logo.png"></div>
          <div class="login_name">
               <p>后台管理系统</p>
          </div>
            <form id="loginform"> 
                <P style="padding: 30px 0px 10px; position: relative;">
                     <input class="ipt" type="text" id="loginUserName" name="username" style="font-size: 17px" placeholder="请输入用户名" value="" />
                </P>
                <P style="position: relative;">

                    <input class="ipt" id="loginPassword" type="password" name="password" style="font-size: 17px" placeholder="请输入密码" value="" />
                </P>
                <!-- <P style=" width:322px; margin:0 auto;position: relative; margin-top:10px; " class="clearfix">
                    <input class="ipt fl" id="code" name="code" placeholder="请输入验证码" style="width:150px;">
                    <img src="" width="80" height="37" class="fl">
                    <button class="fr" style="height:37px; line-height:37px;     background: rgb(0, 142, 173); color:#fff; border:0; width:50px; text-align:center; border-radius:5px;">更换</button>
                </P> -->
                <div class="m-nerror" id="nerror" data-from="0" style="display:none;">
                	<div class="ferrortail" id="auto-id-1530497082528"></div>
                	<div class="ferrorhead" id="auto-id-1530497082527">
                		无法登录，请
                		<a style="color:#4aafe9;" target="_blank" href="https://www.baidu.com/s?wd=%E6%B5%8F%E8%A7%88%E5%99%A8%E5%BC%80%E5%90%AFcookies" id="auto-id-1530497082525">开启浏览器cookies</a>或更换浏览器后刷新重试
                	</div>
                </div>
                <div style="height: 50px; line-height: 50px; margin-top: 30px; border-top-color: rgb(231, 231, 231); border-top-width: 1px; border-top-style: solid;">
                    <P style="margin: 0px 35px 20px 45px;">
                        <span style="float: left; margin-top:15px;">
                    <input type="checkbox" id="isRememberUserName" name="rememberMe" value="1" class="fl" style="margin-right:4px; margin-top:3px;"><span class="fl" style="display:inline-block; line-height:16px;">在此电脑上记住账户</span>
                        </span>
                        <span style="float: right;">
                            <button type="button" id="loginBtn" style="background: rgb(0, 142, 173); padding: 7px 30px; border-radius: 4px; border: 1px solid rgb(26, 117, 152); border-image: none; color: rgb(255, 255, 255); font-weight: bold;">登录</button>
                        </span>
                    </P>
                </div>
            </form>
        </div>
    </div>
    <script>
    	var width = $(window).width();
    	var height = $(window).height();
    	$("#login-back").css({"width":width,"height":height})
    </script>
</body>
</html>